<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的房屋</title>
    <link rel="stylesheet" type="text/css" href="../../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/sm.min.css">
    <link rel="stylesheet" href="../../../css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="../../../css/iconfont.css" />
	 <link rel="stylesheet" type="text/css" href="../../../css/guanjia/fangwu/myhouse.css" /> 
    <style>
    	 .swipeleft{transform:translateX(-20%);-webkit-transform:translateX(-20%);}
    	 .same{-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
    </style>   
</head>
<body>
	<header class="bar bar-nav" style="position: relative;" id="title">
		<h1 class="title" style="background-color: white">我的房屋</h1>
		<a onclick="goBack()" class="iconfont icon-xiangzuo1 pull-left" style="font-size:20px;color:#0EAAE3;position:absolute;top:7px;"></a>	
		<a  class="iconfont icon-add " style="font-size:20px;color:#0EAAE3;position:absolute;top:7px; right: 15px;" id="addFamily"></a>	
	</header>
	<div class="Personal_box">
		<div class="Personal_title">
			<span class="special span0 ">我是业主</span><span class="span1 ">我是租户</span>
			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
		<div class="Personal_centent">
			<div class="list_box" id="showList">
				<!--<div class="same">
					<div class="sameBox">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/tempcheng.png" alt="" id="tempManage"/>
								<span>租户申请</span>
							</div>
							<div class="last_right">
								<img src="../../../image/bianji.png" alt=""  id="editHouse" />
								<span>编辑</span>
								<img src="../../../image/chengy.png" alt="" id="family"/>
								<span>家庭成员</span>
							</div>
						</div>
					</div>
					<span class="delInfo">删除</span>
				</div>-->
				<!--
				<div class="same" style="width: 120%">
					<div class="sameBox" style="border:1px solid red;float: left;width: 90%">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/tempcheng.png" alt="" />
								<span>租户申请</span>
							</div>
							<div class="last_right">
								<img src="../../../image/bianji.png" alt=""  id="editHouse" />
								<span>编辑</span>
								<img src="../../../image/chengy.png" alt="" />
								<span>家庭成员</span>
							</div>
						</div>
					</div>
					<span style="float:right">删除</span>
				</div>-->
				<!--<div class="same">
					<div class="sameBox">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/reny.png" alt="" />
								<span>已认证</span>
							</div>
							<div class="last_right family">
								<div style="float: right;">
								<img src="../../../image/chengy.png" alt="" />
								<span>家庭成员</span>
								</div>
							</div>
						</div>
					</div>
				</div>-->
			</div>
			
		</div>
		
		<div class="Personal_centent">
			<div class="list_box" id="showTempList">
				<!--<div class="same">
					<div class="sameBox">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/renw.png" alt="" />
								<span>未认证</span>
							</div>
							<div class="last_right">
								<img src="../../../image/bianji.png" alt="" />
								<span>编辑</span>
								<img src="../../../image/del.png" alt="" />
								<span>删除</span>
							</div>
						</div>
					</div>
				</div>-->
				<!--<div class="same">
					<div class="sameBox">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/renw.png" alt="" />
								<span>认证中</span>
							</div>
							<div class="last_right">
								
							</div>
						</div>
					</div>
				</div>-->
				<!--<div class="same">
					<div class="sameBox">
						<div class="top">
							<span>王小峰</span>
							<span>13852415632</span>
						</div>
						<div class="mid">
							<span>陕西省 太原市 迎泽区 凯旋城 8栋2单元 203室</span>
						</div>
						<div class="last">
							<div class="last_left">
								<img src="../../../image/reny.png" alt="" />
								<span>已认证</span>
							</div>
							<div class="last_right family">
								<div style="float: right;">
								<img src="../../../image/chengy.png" alt="" />
								<span>家庭成员</span>
								</div>
							</div>
						</div>
					</div>
				</div>-->
				
			</div>
				
		</div>
		<!--<div class="clearfix"></div>-->				
	
</body>
<script type="text/javascript" src="../../../../script/api.js"></script>
<script type="text/javascript" src="../../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/jquery.js"></script>
<script type="text/javascript" src="../../../../script/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../../../script/guanjia/fangwu/myhouse.js"></script>
<script>
//		var expansion = null; //是否存在展开的list
//      var container = document.querySelectorAll('.sameBox');
//      for(var i = 0; i < container.length; i++){
//          var x, y, X, Y, swipeX, swipeY;
//          container[i].addEventListener('touchstart', function(event) {
//              x = event.changedTouches[0].pageX;
//              y = event.changedTouches[0].pageY;
//              swipeX = true;
//              swipeY = true ;
//              if(expansion){ //判断是否展开，如果展开则收起
//                 $(this).parent().removeClass('swipeleft');
//              }
//          });
//          container[i].addEventListener('touchmove', function(event){
//
//              X = event.changedTouches[0].pageX;
//              Y = event.changedTouches[0].pageY;
//              // 左右滑动
//              if(swipeX && Math.abs(X - x) - Math.abs(Y - y) > 0){
//                  // 阻止事件冒泡
//                  event.stopPropagation();
//                  if(X - x > 10){ //右滑
//                      event.preventDefault();
//                      $(this).parent().removeClass('swipeleft'); //右滑收起
//                  }
//                  if(x - X > 10){ //左滑
//                      event.preventDefault();
//                      $(this).parent().addClass('swipeleft'); //左滑展开
//                      expansion = this;
//                  }
//                  swipeY = false;
//              }
//          });
//      }
function refresh() {
	location.reload();
	}
</script>
</html>